<template>
  <div class="swipeContainer">
       <mt-swipe :auto="4000" class="banner-wrap">
        <mt-swipe-item  v-for="item in swipeList" :key="item.id">
            <img :src="item.img_url" alt="">
        </mt-swipe-item>
    </mt-swipe>

  </div>
</template>

<script>
export default {
    props:['swipeList']
       
        
}
</script>

<style lang="less">
.swipeContainer{
      height:200px;
   .banner-wrap{
       height: 200px;
    .mint-swipe-item {
        position: relative;
        height:100%;
         img{
            position: absolute;
           height:100%;
           width: 100%;
    }
   }

   }
}
</style>